.friend-info{
    padding:50px 120px;
    height: 100%;
    // border: 1px solid red;
    background-color: #EDF2F9;
    color: #666;
    @media screen and (max-width: 1200px) {
        padding: 50px 20px;
    }
    // @media screen and (max-width: 992px) {
    //     padding: 50px 10px;
    // }
    &-box{
        overflow-y: scroll;
        max-height: 100%;   
        // border: 1px solid blue;
        background-color: #fff;
        border-radius: 4px  4px  4px  4px;
        padding: 30px 50px;
        &-line1{
            height: 60px;
            width: 100%;
            display: flex;
            align-items: center;
            &-name{
                margin-left: 24px;
                font-size: 24px;
            }
        }
        &-line2{
            width: 100%;
            margin-top: 20px;
            background: #FAFCFF;
            padding: 13px;
            border-radius: 4px 4px 4px 4px;
            border: 1px solid #F1F2F2;
        }
        &-line4{
            display: flex;
            align-items: flex-start;
            margin-top: 20px;
            &-title{
                margin-right: 5px;
            }
        }
        &-line5{
            display: flex;
            justify-content: center;
            align-items: center;
            gap:10px;
            margin-top: 24px;
            
            // @media screen and (max-width: 876px) {
            //     justify-content: flex-start;
            //     flex-wrap: wrap;
            // }
            &-btn{ //针对打包后失效，所添加的!important
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 9px !important;
                width: 130px !important;
                height: 40px !important;
                flex-shrink: 0;
                span{
                    display: inline-block;
                    width: 69px;
                }
            }
        }
    }
}


.info-title{

    display: flex;
    align-items: center;
    gap: 10px;

    &-line{
        width: 4px;
        height: 12px;
        background: #4A94FF;
        border-radius: 4px 4px 4px 4px;
    }
}


.info-list{
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-top:5px;
    // padding-left: 21px;
    flex-wrap: wrap;
    // border: 1px solid green;

    &-item{
        display: flex;
        align-items: flex-start;
        // flex-wrap: wrap;
        min-width: 30%;
        gap: 5px;
        flex-shrink: 0;
        padding: 10px;
        // border: 1px solid red;
        // @media screen and (max-width: 1060px) {
        //     min-width: 100px;
        //     width: 80%;
        // }
    }
    &-title{
        flex-shrink: 0;
    }
    &-txt{
        // border: 1px solid yellow;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

}

.editDesc{
    cursor: pointer;
    animation: showElement 0.001s forwards 1s; /* 几乎立即显示，延迟0.5秒 */
}

.editDesc.hidden{
    visibility: hidden;
}

